<template>
	<view v-model="dataForm" class="bg">
		<!-- 流程 -->
		<view class="process">
			<view class="num-text">
				<view class="topb">
					<view class="numW">1</view>
					<view class="textb">填写基础信息</view>
				</view>
				<view class="line"></view>
				<view :class='[{topb:isTwo},{nobase: !isTwo}]'>
					<view class="numW"v-if="result === 1 || result === -1">2</view>
					<view class="numB" v-else>2</view>
					<view class="textb" v-if="result === 1 || result === -1">完善入驻信息</view>
					<view class="textg" v-else>完善入驻信息</view>
				</view>
				<view :class='[{topb:!isTwo},{nobase: isTwo}]'>
					<view class="numW">2</view>
					<view class="textb">完善入驻信息</view>
				</view>
				<view class="line"></view>
				<view class="topb" v-if="result === 1">
					<view class="numW">3</view>
					<view class="textb">审核通过</view>
				</view>
				<view class="topb" v-else>
					<view class="numB">3</view>
					<view class="textg">审核通过</view>
				</view>
			</view>
		</view>

		<!-- 审核记录 -->
		<!-- 审核中 -->
		<view class="shenhe_yes" v-if="result === 0">
			<view>审核中...</view>
		</view>
		<!-- 未通过 -->
		<view class="shenhe_no" v-if="result === -1">
			<view>您的入驻未通过</view>
			<view v-if="opinion">
				<span>原因：</span><span class="mohu">{{opinion}}</span>
			</view>
			<view>您可在此页面重新上传并提交 或 \t<span class="kefu">联系客服</span></view>
		</view>
		<!-- 通过 -->
		<view class="shenhe_yes" v-if="result === 1">
			<view>您的入驻已通过我们会在三个工作日内您与联系</view>
		</view>

		<!-- 1 基础信息 头 -->
		<view class="base_title">
			<view class="baseOpen">
				<view class="baseOpen-r"></view>
				<view class="baseOpen-text">基础信息</view>
			</view>
			<view class="baseJt" :class='[{nobase: isshow}]' @tap="isshow = true">
				<view class="zk">展开</view>
				<view class="jt">
					<image src="../../static/wine-index/left.png" mode=""></image>
				</view>
			</view>
			<view class="baseJt" :class='[{nobase: !isshow}]' @tap="isshow = false">
				<view class="zk">收起</view>
				<view class="jt">
					<image src="../../static/wine-index/left_bot.png" mode=""></image>
				</view>
			</view>
		</view>
		<!-- 1 基础信息 form表单 -->
		<view :class='[{base: isshow},{nobase: !isshow}]'>
			<view class="base-item">
				<view class="text-label">联系人</view>
				<input v-model="dataForm.linkman" class="phone" maxlength="15" placeholder="请输入联系人">
			</view>
			<view class="base-item">
				<view class="text-label">联系方式</view>
				<input v-model="dataForm.contactWay" class="phone" type="number" maxlength="15" placeholder="请输入联系方式">
			</view>
			<!-- <view class="img-item">
				<view class="top base-item">
					<view class="text-label">联系人身份证正反面</view>
					<view class="img-label">
						<view class="btnUp">点击上传</view>
						<view class="jt">
							<image src="../../static/wine-index/left.png" mode=""></image>
						</view>
					</view>
				</view>
				<view class="bot around">
					<uploadImg class="uploadImgs" ref='uploadImg' :mode="imgList" @chooseFile='chooseFile'
						@imgDelete='imgDelete' :control="control" :columnNum="columnNum" />
					<uploadImg class="uploadImgs" ref='uploadImg' :mode="imgList" @chooseFile='chooseFile'
						@imgDelete='imgDelete' :control="control" :columnNum="columnNum" />
				</view>
			</view> -->
			<view class="img-item">
				<view class="top base-item">
					<view class="text-label">法人身份证正反面</view>
				</view>
				<view class="bot around">
					<uploadImg class="uploadImgs" ref='uploadImg' :mode="legalPersonCardF1"
						@chooseFile='legalPersonCardF' @imgDelete='imgDeletelegalPersonCardF' @tap="getUploadImg('legalPersonCardF')" @getImagePath="getImagePath()" :control="control"
						:columnNum="columnNum" />
					<uploadImg class="uploadImgs" ref='uploadImg' :mode="legalPersonCardB1"
						@chooseFile='legalPersonCardB' @imgDelete='imgDeletelegalPersonCardB' @tap="getUploadImg('legalPersonCardB')" @getImagePath="getImagePath()" :control="control"
						:columnNum="columnNum" />
				</view>
			</view>
			<view class="img-item">
				<view class="top base-item">
					<view class="text-label">营业执照</view>
				</view>
				<view class="bot reverse">
					<uploadImg class="uploadImgs mag-left" ref='uploadImg' :mode="businessLicense1"
						@chooseFile='businessLicense' @imgDelete='imgDeletebusinessLicense' @tap="getUploadImg('businessLicense')" @getImagePath="getImagePath()" :control="control"
						:columnNum="columnNum" />
				</view>
			</view>
			<view class="img-item">
				<view class="top base-item">
					<view class="text-label">食品生产许可证</view>
				</view>
				<view class="bot reverse">
					<uploadImg class="uploadImgs mag-left" ref='uploadImg' :mode="foodProductionPermit1"
						@chooseFile='foodProductionPermit' @imgDelete='imgDeletefoodProductionPermit' @tap="getUploadImg('foodProductionPermit')" @getImagePath="getImagePath()" :control="control"
						:columnNum="columnNum" />
				</view>
			</view>
			<view class="img-item">
				<view class="top base-item">
					<view class="text-label">食品经营许可证</view>
				</view>
				<view class="bot reverse">
					<uploadImg class="uploadImgs mag-left" ref='uploadImg' :mode="foodBusinessLicense1"
						@chooseFile='foodBusinessLicense' @imgDelete='imgDeletefoodBusinessLicense' @tap="getUploadImg('foodBusinessLicense')" @getImagePath="getImagePath()" :control="control"
						:columnNum="columnNum" />
				</view>
			</view>
		</view>

		<!-- 2 完善入驻信息 头 -->
		<view class="base_title">
			<view class="baseOpen">
				<view class="baseOpen-r"></view>
				<view class="baseOpen-text">完善入驻信息</view>
			</view>
			<view class="baseJt" :class='[{nobase: isTshow}]' @tap="isTshow = true">
				<view class="zk">收起</view>
				<view class="jt">
					<image src="../../static/wine-index/left_bot.png" mode=""></image>
				</view>
			</view>
			<view class="baseJt" :class='[{nobase: !isTshow}]' @tap="isTshow = false">
				<view class="zk">展开</view>
				<view class="jt">
					<image src="../../static/wine-index/left.png" mode=""></image>
				</view>
			</view>
		</view>

		<!-- 2 完善入驻信息 form表单 -->
		<view :class='[{base: !isTshow},{nobase: isTshow}]'>
			<view class="base-item">
				<view class="text-label">企业名称</view>
				<input v-model="dataForm.name" class="phone" maxlength="30" placeholder="请输入企业名称">
			</view>
			<view class="base-item">
				<view class="text-label">法人姓名</view>
				<input v-model="dataForm.legalPerson" class="phone" type="number" maxlength="15" placeholder="请输入法人姓名">
			</view>
			<view class="img-item">
				<view class="top base-item">
					<view class="text-label">基本存款账户信息</view>
				</view>
				<view class="bot reverse">
					<uploadImg class="uploadImgs" ref='uploadImg' :mode="basicAccount1"
						@chooseFile='basicAccount' @imgDelete='imgDeletebasicAccount' @tap="getUploadImg('basicAccount')" @getImagePath="getImagePath()" :control="control"
						:columnNum="columnNum" />
				</view>
			</view>
			<view class="img-item">
				<view class="top base-item">
					<view class="text-label">一般纳税人资格证</view>
				</view>
				<view class="bot reverse">
					<uploadImg class="uploadImgs mag-left" ref='uploadImg' :mode="taxpayerQualiCert1"
						@chooseFile='taxpayerQualiCert' @imgDelete='imgDeletetaxpayerQualiCert' @tap="getUploadImg('taxpayerQualiCert')" @getImagePath="getImagePath()" :control="control"
						:columnNum="columnNum" />
				</view>
			</view>
			<view class="img-item">
				<view class="top base-item">
					<view class="text-label">商标注册证（R标）</view>
				</view>
				<view class="bot reverse">
					<uploadImg class="uploadImgs mag-left" ref='uploadImg' :mode="tradeMarkLicense1"
						@chooseFile='tradeMarkLicense' @imgDelete='imgDeletetradeMarkLicense'  @tap="getUploadImg('tradeMarkLicense')" @getImagePath="getImagePath()" :control="control"
						:columnNum="columnNum" />
				</view>
			</view>
			<view class="img-item">
				<view class="top base-item">
					<view class="text-label">销售授权书</view>
				</view>
				<view class="bot reverse">
					<uploadImg class="uploadImgs mag-left" ref='uploadImg' :mode="marketingAuth1"
						@chooseFile='marketingAuth' @imgDelete='imgDeletemarketingAuth' @tap="getUploadImg('marketingAuth')" @getImagePath="getImagePath()" :control="control"
						:columnNum="columnNum" />
				</view>
			</view>
			<view class="img-item">
				<view class="top base-item">
					<view class="text-label">质检报告</view>
				</view>
				<view class="bot reverse">
					<uploadImg class="uploadImgs mag-left" ref='uploadImg' :mode="qualityInspectReport1"
						@chooseFile='qualityInspectReport' @imgDelete='imgDeletequalityInspectReport' @tap="getUploadImg('qualityInspectReport')" @getImagePath="getImagePath()" :control="control"
						:columnNum="columnNum" />
				</view>
			</view>
			<view class="img-item">
				<view class="top base-item">
					<view class="text-label">生产单位营业执照</view>
				</view>
				<view class="bot reverse">
					<uploadImg class="uploadImgs mag-left" ref='uploadImg' :mode="licenseProductionUnit1"
						@chooseFile='licenseProductionUnit' @imgDelete='imgDeletelicenseProductionUnit' @tap="getUploadImg('licenseProductionUnit')" @getImagePath="getImagePath()"
						:control="control" :columnNum="columnNum" />
				</view>
			</view>
			<view class="img-item" style="margin-top: 20rpx;padding-bottom: 0;">
				<view class="top base-item">
					<view class="text-label">是否含有进口商品</view>
					<view class="img-label">
						<radio-group @change="radioChange" v-model="dataForm.importedGoods">
							<radio class="radi" value="1" :checked="!checked">是</radio>
							<radio value="0" :checked="checked">否</radio>
						</radio-group>
					</view>
				</view>
			</view>
			<view v-if="dataForm.importedGoods == 1" class="isimport">
				<view class="img-item">
					<view class="top base-item">
						<view class="text-label">委托进口协议</view>
					</view>
					<view class="bot reverse">
						<uploadImg class="uploadImgs mag-left" ref='uploadImg' :mode="entrustedImportAgreement1"
							@chooseFile='entrustedImportAgreement' @imgDelete='imgDeleteentrustedImportAgreement' @tap="getUploadImg('entrustedImportAgreement')" @getImagePath="getImagePath()"
							:control="control" :columnNum="columnNum" />
					</view>
				</view>
				<view class="img-item">
					<view class="top base-item">
						<view class="text-label">报关单</view>
					</view>
					<view class="bot reverse">
						<uploadImg class="uploadImgs mag-left" ref='uploadImg' :mode="customsDeclaration1"
							@chooseFile='customsDeclaration' @imgDelete='imgDeletecustomsDeclaration' @tap="getUploadImg('customsDeclaration')" @getImagePath="getImagePath()" :control="control"
							:columnNum="columnNum" />
					</view>
				</view>
				<view class="img-item">
					<view class="top base-item">
						<view class="text-label">入境检疫协议</view>
					</view>
					<view class="bot reverse">
						<uploadImg class="uploadImgs mag-left" ref='uploadImg' :mode="entryInspectQuarantine1"
							@chooseFile='entryInspectQuarantine' @imgDelete='imgDeleteentryInspectQuarantine' @tap="getUploadImg('entryInspectQuarantine')" @getImagePath="getImagePath()"
							:control="control" :columnNum="columnNum" />
					</view>
				</view>
			</view>
		</view>

		<!-- 提交按钮 -->
		<view class="btn" @tap="confirm()">
			<button class="confirm">提交</button>
		</view>

	</view>
</template>

<script>
	import uploadImg from "../components/uploadImg/uploadImg.vue"
	const http = require('../../utils/http.js')
	export default {
		components: {
			uploadImg
		},
		data() {
			return {
				isshow: true, //基础信息展开
				isTshow: true, //完善信息展开
				isTwo: true, //第二 无背景
				control: true,
				currentImg:'',//当前图片
				columnNum: 4,
				wineryid:'',
				dataForm: {
					source: "小程序录入", //入驻来源，
					importedGoods: 0,
					wineryId: '',
					status: 0,
					wineryStatus: 1
				},
				imgList: [], //服务回调的图片
				isImport: 0,
				opinion:'', //审核原因
				result:'',
				checked:'',
				legalPersonCardF1:[],
				basicAccount1:[],
				businessLicense1:[],
				customsDeclaration1:[],
				entrustedImportAgreement1:[],
				entryInspectQuarantine1:[],
				foodBusinessLicense1:[],
				foodProductionPermit1:[],
				legalPersonCardB1:[],
				licenseProductionUnit1:[],
				marketingAuth1:[],
				qualityInspectReport1:[],
				taxpayerQualiCert1:[],
				tradeMarkLicense1:[]
			}
		},
		created() {
			this.getdetail()
		},
		methods: {
			getUploadImg: function(type) {
			  this.currentImg = type
			},
			// 服务器返回图片地址
			getImagePath(imgUrl){
				switch (this.currentImg) {
				  case 'legalPersonCardF':
				    this.dataForm.legalPersonCardF = imgUrl
				    break
				  case 'legalPersonCardB':
				    this.dataForm.legalPersonCardB = imgUrl
				    break
				  case 'businessLicense':
				    this.dataForm.businessLicense = imgUrl
				    break
				  case 'foodProductionPermit':
				    this.dataForm.foodProductionPermit = imgUrl
				    break
				  case 'foodBusinessLicense':
				    this.dataForm.foodBusinessLicense = imgUrl
				    break
					case 'basicAccount':
					  this.dataForm.basicAccount = imgUrl
					  break
					case 'taxpayerQualiCert':
					  this.dataForm.taxpayerQualiCert = imgUrl
					  break
					case 'tradeMarkLicense':
					  this.dataForm.tradeMarkLicense = imgUrl
					  break
					case 'marketingAuth':
					  this.dataForm.marketingAuth = imgUrl
					  break
					case 'qualityInspectReport':
					  this.dataForm.qualityInspectReport = imgUrl
					  break
					case 'licenseProductionUnit':
					  this.dataForm.licenseProductionUnit = imgUrl
					  break
					case 'entrustedImportAgreement':
					  this.dataForm.entrustedImportAgreement = imgUrl
					  break
					case 'customsDeclaration':
					  this.dataForm.customsDeclaration = imgUrl
					  break
					case 'entryInspectQuarantine':
					  this.dataForm.entryInspectQuarantine = imgUrl
					  break  
				}
			},
			// 是否含有进口商品
			radioChange(e) {
				console.log('radio发生change事件，携带value值为：', e.detail.value)
				this.dataForm.importedGoods = e.detail.value
				console.log(this.dataForm.importedGoods)
			},
			// 提交
			confirm() {
				if (!this.dataForm.linkman) {
					uni.showToast({
						title: '请输入联系人！',
					 icon: 'none'
					})
					return
				}
				if (!this.dataForm.contactWay) {
					uni.showToast({
					 title: '请输入联系方式！',
						icon: 'none'
					})
					return
				}
				if (!this.dataForm.legalPersonCardF) {
					uni.showToast({
						title: '请上传法人身份证正面照片！',
						icon: 'none'
					})
					return
				}
				if (!this.dataForm.legalPersonCardB) {
					uni.showToast({
						title: '请上传法人身份证反面照片！',
						icon: 'none'
					})
					return
				}
				if (!this.dataForm.businessLicense) {
					uni.showToast({
						title: '请上传营业执照！',
						icon: 'none'
					})
					return
				}
				if (!this.dataForm.foodProductionPermit) {
					uni.showToast({
						title: '请上传食品生产许可证！',
						icon: 'none'
					})
					return
				}
				if (!this.dataForm.foodBusinessLicense) {
					uni.showToast({
						title: '请上传食品经营许可证！',
						icon: 'none'
					})
					return
				}
				this.isshow = false //基础信息收起
				this.isTshow = false //完善信息展开
				this.isTwo = false
				if (!this.dataForm.name) {
					uni.showToast({
					 title: '请输入企业名称！',
						icon: 'none'
					})
					return
				}
				if (!this.dataForm.legalPerson) {
					uni.showToast({
						title: '请输入法人姓名！',
						icon: 'none'
					})
					return
				}
				if (!this.dataForm.basicAccount) {
					uni.showToast({
						title: '请上传基本存款账户信息！',
						icon: 'none'
					})
					return
				}
				if (!this.dataForm.taxpayerQualiCert) {
					uni.showToast({
					 title: '请上传一般纳税人资格证！',
						icon: 'none'
					})
					return
				}
				if (!this.dataForm.tradeMarkLicense) {
					uni.showToast({
						title: '请上传商标注册证（R标）！',
					 icon: 'none'
					})
					return
				}
				if (!this.dataForm.marketingAuth) {
					uni.showToast({
						title: '请上传销售授权书！',
						icon: 'none'
					})
					return
				}
				if (!this.dataForm.qualityInspectReport) {
					uni.showToast({
						title: '请上传质检报告！',
					 icon: 'none'
					})
					return
				}
				if (!this.dataForm.licenseProductionUnit) {
					uni.showToast({
					 title: '请上传生产单位营业执照！',
						icon: 'none'
					})
					return
				}
				if (this.dataForm.importedGoods == 1) {
					if (!this.dataForm.entrustedImportAgreement) {
						uni.showToast({
							title: '请上传委托进口协议！',
							icon: 'none'
						})
						return
					}
					if (!this.dataForm.customsDeclaration) {
						uni.showToast({
							title: '请上传报关单！',
							icon: 'none'
						})
						return
						if (!this.dataForm.entryInspectQuarantine) {
							uni.showToast({
								title: '请上传入境检疫协议！',
								icon: 'none'
							})
							return
						}
					}
				}
				this.isTshow = true //完善信息收起
				if(!this.wineryid){
					const params = {
						url: '/gscloud_winery/winery/winery/save',
						method: 'POST',
						data: this.dataForm,
						callBack: res => {
							console.log(res)
							this.result = 0
							const wineryid = res
							uni.setStorage({
								key:'wineryid',
								data:wineryid,
								success: function (){
									console.log("wineryid存储成功")
								}
							})
						}
					}
					http.request(params)
				}else{
					this.dataForm.wineryId = this.wineryid
					this.dataForm.status = 0
					const params = {
						url: '/gscloud_winery/winery/winery/update',
						method: 'PUT',
						data: this.dataForm,
						callBack: res => {
							this.result = 0
							console.log(res)
						}
					}
					http.request(params)
				}
				wx.pageScrollTo({
					scrollTop: 0, //滚到顶部 
					duration: 300, //滚的到顶部需要的时间  动画
				})
			},
			// 获取酒企详情- 审核信息
			 getdetail(){
				 let _this = this
					uni.getStorage({
						key:'wineryid',
						success(res) {
							_this.wineryid = res.data
							console.log('全局拿')
							console.log(_this.wineryid)
							console.log('全局拿')
							
							if(_this.wineryid){
								const params = {
									url: '/gscloud_winery/winery/winery/detail',
									method: 'GET',
									data: {
										wineryId: _this.wineryid
									},
									callBack: res => {
										console.log(res)
										if(res){
											_this.dataForm=res
											_this.legalPersonCardF1.push(res.legalPersonCardF)
											_this.basicAccount1.push(res.basicAccount)
											_this.businessLicense1.push(res.businessLicense)
											_this.customsDeclaration1.push(res.customsDeclaration)
											_this.entrustedImportAgreement1.push(res.entrustedImportAgreement)
											_this.entryInspectQuarantine1.push(res.entryInspectQuarantine)
											_this.foodBusinessLicense1.push(res.foodBusinessLicense)
											_this.foodProductionPermit1.push(res.foodProductionPermit)
											_this.legalPersonCardB1.push(res.legalPersonCardB)
											_this.licenseProductionUnit1.push(res.licenseProductionUnit)
											_this.marketingAuth1.push(res.marketingAuth)
											_this.qualityInspectReport1.push(res.qualityInspectReport)
											_this.taxpayerQualiCert1.push(res.taxpayerQualiCert)
											_this.tradeMarkLicense1.push(res.tradeMarkLicense)
											if(res.importedGoods === 0){
												_this.checked = true
											}
											if(res.importedGoods === 1){
												_this.checked = false
											}
											
										}
										
									}
								}
								http.request(params)
								
								const paramss = {
									url: '/gscloud_winery/winery/winery_audit',
									method: 'GET',
									data: {
										wineryId: _this.wineryid
									},
									callBack: res => {
										console.log(res)
										if(res){
											_this.opinion = res.opinion 
											_this.result = res.result
										}
										
									}
								}
								http.request(paramss)
							}
						}
					}) 
			 },
			
			legalPersonCardF(list, v) {
				this.dataForm.legalPersonCardF = v
				console.log(this.dataForm.legalPersonCardF)
			},
			legalPersonCardB(list, v) {
				this.dataForm.legalPersonCardB = v
				console.log(this.dataForm.legalPersonCardB)
			},
			businessLicense(list, v) {
				this.dataForm.businessLicense = v
				console.log(this.dataForm.businessLicense)
			},
			foodProductionPermit(list, v) {
				this.dataForm.foodProductionPermit = v
				console.log(this.dataForm.foodProductionPermit)
			},
			foodBusinessLicense(list, v) {
				this.dataForm.foodBusinessLicense = v
				console.log(this.dataForm.foodBusinessLicense)
			},
			basicAccount(list, v) {
				this.dataForm.basicAccount = v
				console.log(this.dataForm.basicAccount)
			},
			taxpayerQualiCert(list, v) {
				this.dataForm.taxpayerQualiCert = v
				console.log(this.dataForm.taxpayerQualiCert)
			},
			tradeMarkLicense(list, v) {
				this.dataForm.tradeMarkLicense = v
				console.log(this.dataForm.tradeMarkLicense)
			},
			marketingAuth(list, v) {
				this.dataForm.marketingAuth = v
				console.log(this.dataForm.marketingAuth)
			},
			qualityInspectReport(list, v) {
				this.dataForm.qualityInspectReport = v
				console.log(this.dataForm.qualityInspectReport)
			},
			licenseProductionUnit(list, v) {
				this.dataForm.licenseProductionUnit = v
				console.log(this.dataForm.licenseProductionUnit)
			},
			entrustedImportAgreement(list, v) {
				this.dataForm.entrustedImportAgreement = v
				console.log(this.dataForm.entrustedImportAgreement)
			},
			customsDeclaration(list, v) {
				this.dataForm.customsDeclaration = v
				console.log(this.dataForm.customsDeclaration)
			},
			entryInspectQuarantine(list, v) {
				this.dataForm.entryInspectQuarantine = v
				console.log(this.dataForm.entryInspectQuarantine)
			},

			// / 删除图片： list：删除返回删除后剩余的图片数组 eq：返回删除的数组 /
			imgDeletelegalPersonCardF(list, eq) {
				this.dataForm.legalPersonCardF = ''
			},
			imgDeletelegalPersonCardB(list, eq) {
				this.dataForm.legalPersonCardB = ''
			},
			imgDeletebusinessLicense(list, eq) {
				this.dataForm.businessLicense = ''
			},
			imgDeletefoodProductionPermit(list, eq) {
				this.dataForm.foodProductionPermit = ''
			},
			imgDeletefoodBusinessLicense(list, eq) {
				this.dataForm.foodBusinessLicense = ''
			},
			imgDeletebasicAccount(list, eq) {
				this.dataForm.basicAccount = ''
			},
			imgDeletetaxpayerQualiCert(list, eq) {
				this.dataForm.taxpayerQualiCert = ''
			},
			imgDeletetradeMarkLicense(list, eq) {
				this.dataForm.tradeMarkLicense = ''
			},
			imgDeletemarketingAuth(list, eq) {
				this.dataForm.marketingAuth = ''
			},
			imgDeletequalityInspectReport(list, eq) {
				this.dataForm.qualityInspectReport = ''
			},
			imgDeletelicenseProductionUnit(list, eq) {
				this.dataForm.licenseProductionUnit = ''
			},
			imgDeleteentrustedImportAgreement(list, eq) {
				this.dataForm.entrustedImportAgreement = ''
			},
			imgDeletecustomsDeclaration(list, eq) {
				this.dataForm.customsDeclaration = ''
			},
			imgDeleteentryInspectQuarantine(list, eq) {
				this.dataForm.entryInspectQuarantine = ''
			}
		}
	}
</script>

<style lang="scss" scoped>
	.shenhe_yes {
		background-color: white;
		padding: 20rpx 20rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #333333;
	}

	.shenhe_no {
		background-color: white;
		padding: 20rpx 20rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #333333;

		.mohu {
			color: #E80909;
		}

		.kefu {
			color: #D2A36C;
			text-decoration: underline;
		}
	}

	.base_title {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 20rpx 20rpx;
		margin-bottom: 5rpx;
		background-color: white;

		.baseOpen {
			display: flex;
			align-items: center;

			.baseOpen-r {
				width: 8rpx;
				height: 30rpx;
				background: #D2A36C;
				border-radius: 4rpx 4rpx 4rpx 4rpx;
				margin-right: 8rpx;
			}

			.baseOpen-text {
				font-size: 28rpx;
				font-weight: 400;
				color: #333333;
			}
		}

		.baseJt {
			display: flex;

			.zk {
				font-size: 28rpx;
				font-weight: 400;
				color: #999999;
			}

			.jt {
				width: 40rpx;
				height: 40rpx;
			}
		}
	}

	// 流程
	.num-text {
		background-color: white;
		padding: 50rpx 30rpx;
		padding-bottom: 30rpx;
		display: flex;
		justify-content: center;
		align-items: baseline;

		.line {
			width: 148rpx;
			height: 0px;
			border: 1rpx dashed #D3D3D3;
		}

		.topb {
			display: flex;
			flex-direction: column;
			align-items: center;

			.textb {
				ont-size: 24rpx;
				font-weight: 500;
				color: #D2A36C;
			}

			.textg {
				font-size: 24rpx;
				font-weight: 400;
				color: #999999;
			}

			.numW {
				width: 56rpx;
				height: 56rpx;
				line-height: 56rpx;
				background: #D2A36C;
				border-radius: 56rpx;
				color: white;
				text-align: center;
				margin-bottom: 15rpx;
			}

			.numB {
				width: 56rpx;
				height: 56rpx;
				line-height: 56rpx;
				border-radius: 56rpx;
				border: 1rpx solid #D3D3D3;
				color: #D3D3D3;
				text-align: center;
				margin-bottom: 15rpx;
			}
		}
	}

	// form表单
	.nobase {
		display: none !important;
	}

	.base {
		.isimport {
			margin-top: 76rpx;
		}

		.base-item {
			background-color: white;
			margin-bottom: 5rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 20rpx 20rpx;

			.text-label {
				font-size: 28rpx;
				font-weight: 400;
				color: #666666
			}

			.phone {
				width: 210rpx;
				font-size: 28rpx;
				font-weight: 400;
				color: #999999;
			}
		}

		.img-item {
			background-color: white;
			margin-bottom: 5rpx;
			padding-bottom: 20rpx;

			.top {
				.img-label {
					display: flex;

					/* 选中后的 背景样式 （红色背景 无边框 可根据UI需求自己修改） */
					::v-deep radio .wx-radio-input.wx-radio-input-checked {
						background-color: white;
						border: 1px solid #999999;
					}

					/* 选中后的 对勾样式 （白色对勾 可根据UI需求自己修改） */
					::v-deep radio .wx-radio-input.wx-radio-input-checked::before {
						background-color: #C30D23;
						color: #C30D23;
						border-radius: 50%;
					}

					.radi {
						margin-right: 60rpx;
					}

					.btnUp {
						font-size: 28rpx;
						font-weight: 400;
						color: #999999;
					}

					.jt {
						width: 40rpx;
						height: 40rpx;
					}
				}
			}

			// 单张图片
			.reverse {
				display: flex;
				flex-direction: row-reverse;
			}

			// 两张
			.around {
				display: flex;
				justify-content: space-around;
			}

			.bot {
				.uploadImgs {
					display: inline-block;
					width: 330rpx;
					height: 200rpx;
					background: #F2F2F2;
					margin: 0rpx 20rpx 10rpx;

					::v-deep .column4 {
						width: 100%;
					}

					::v-deep .imglistItem {
						width: 100%;
						height: 200rpx;
					}
				}
			}
		}
	}

	//提交按钮
	.btn {
		padding: 100rpx 0 50rpx 0;
		margin: auto;

		.confirm {
			width: 710rpx;
			height: 72rpx;
			background: linear-gradient(138deg, rgba(195, 13, 35, 0.8) 0%, #C30D23 100%);
			border-radius: 100rpx 100rpx 100rpx 100rpx;
			font-size: 28rpx;
			font-weight: 400;
			color: #FFFFFF;
			text-align: center;
			line-height: 72rpx;
		}
	}
</style>
